/*index*/
.page-index .header-padding{ display: none; }

.page-index .header{ background: transparent; border-bottom: 1px solid rgba(255,255,255,.3); }
.page-index .header .hd_logo{ background-position: left bottom; }
.page-index .header .hd_nav .nav-link{ color: #fff; }
.page-index .header .hd_nav .nav_item.current .nav-link:after, 
.page-index .header .hd_nav .nav_item:hover .nav-link:after{ background: #fff; }
.page-index .header .hd_extra .elink{ color: #fff; }

.page-index .header.header_down{ background: #fff; border-bottom: 1px solid #e0e0e0;}
.page-index .header.header_down .hd_logo{ background-position: left top; }
.page-index .header.header_down .hd_nav .nav-link{ color: #333; }
.page-index .header.header_down .hd_nav .nav-link:hover{ color: #ed353c; }
.page-index .header.header_down .hd_nav .nav_item.current .nav-link:after, 
.page-index .header.header_down .hd_nav .nav_item:hover .nav-link:after{ background: #ed353c; }
.page-index .header.header_down .hd_extra .elink{ color: #333; }
.page-index .header.header_down .hd_extra .elink:hover{ color: #ed353c; }

.page-index .index-slide{ background: url(../images/banner_01.jpg) no-repeat center top; height: 620px; position: relative; width: 100%; overflow: hidden; }
/*.page-index .index-slide .bd li{ position: relative; }
.page-index .index-slide .bd .item-1 .img-text{position: absolute; left: 0; top: 136px; width: 482px; height: 180px; background: url(../images/00-banner-text.png) no-repeat; }
.page-index .index-slide .bd .item-1 .img{position: absolute; left: 300px; top: 100px; width: 824px; height: 411px; background: url(../images/00-banner-img.png) no-repeat; }
.page-index .index-slide .bd .item-1 .s-btn{ position: absolute; top: 370px; width: 180px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; background: #fff; border-radius: 5px; }*/
.page-index .index-slide .container{ position: relative; height: 620px; }
.page-index .index-slide .bd{ position: absolute; width: 1920px; height: 620px; margin-left: -360px;}
.page-index .index-slide .bd li{ height: 620px; }
.page-index .index-slide .bd li a{ display: block; height: 620px; }
.page-index .index-slide .bd .item-1{ background: url(../images/banner_01.jpg) no-repeat center top; }
.page-index .index-slide .bd .item-2{ background: url(../images/banner_02.jpg) no-repeat center top; }
.page-index .index-slide .bd .item-3{ background: url(../images/banner_03.jpg) no-repeat center top; }
.page-index .index-slide .bd .item-4{ background: url(../images/banner_04.jpg) no-repeat center top; }
.page-index .index-slide .hd{ position: absolute; bottom: 79px; left: 0; right: 0; text-align: center;}
.page-index .index-slide .hd li{ width: 55px; height: 30px; display: inline-block; margin: 0 8px; position: relative; cursor: pointer; overflow: hidden; text-indent: 140px;}
.page-index .index-slide .hd li:before,
.page-index .index-slide .hd li:after{ content: ""; position: absolute; left: 0; width: 100%; height: 2px; top: 50%; margin-top: -1px;}
.page-index .index-slide .hd li:before{ z-index: 1; background: rgba(255,255,255,.5); }
.page-index .index-slide .hd li:after{ z-index: 2; background: #fff; width: 0; }
.page-index .index-slide .hd li.on:after{ width: 100%; transition: width 3s ease-in-out; }

.page-index .section-1{ background: #fff; border-radius: 5px; height: 131px; box-shadow: 0px 6px 70px 1px rgba(0,0,0,.1); margin-top: -65px; position: relative; z-index: 3;}
.page-index .section-1 .list{ overflow: hidden; }
.page-index .section-1 .list li{ float: left; width: 25%; padding-top: 35px;}
.page-index .section-1 .list li a{ overflow: hidden; display: block; }
.page-index .section-1 .list li .img{ float: left; transition: all .2s; width: 51px; height: 59px; margin-left: 40px; background: url(../images/01-icon_259c4abd74294ef4a449c1d1d059c371.png) no-repeat;}
.page-index .section-1 .list li.item-1 .img{ background-position: left top; }
.page-index .section-1 .list li.item-2 .img{ background-position: -60px top; }
.page-index .section-1 .list li.item-3 .img{ background-position: -120px top; }
.page-index .section-1 .list li.item-4 .img{ background-position: -180px top; }
.page-index .section-1 .list li.item-1 a:hover .img{ background-position: left bottom; }
.page-index .section-1 .list li.item-2 a:hover .img{ background-position: -60px bottom; }
.page-index .section-1 .list li.item-3 a:hover .img{ background-position: -120px bottom; }
.page-index .section-1 .list li.item-4 a:hover .img{ background-position: -180px bottom; }
.page-index .section-1 .list li .text{ float: left; width: 170px; margin-left: 32px;}
.page-index .section-1 .list li h3{ font-size: 18px; margin-bottom: 7px;}
.page-index .section-1 .list li p{ font-size: 14px; color: #95989d; }

.page-index .section-2{ padding-bottom: 40px; }
.page-index .section-2 .section-tab .tab-item{ width: 494px; transition: all .2s; float: left; margin-top: 80px;}
.page-index .section-2 .section-tab .tab-item.tab-1{ margin-left: 20px; }
.page-index .section-2 .section-tab .tab-item.tab-2{ margin-left: 23px; }
.page-index .section-2 .section-tab .item-hd{ width: 462px; height: 136px; transition: all .2s; background: #EFF5FB; border-radius: 5px 5px 0 0; margin-left: 16px;}
.page-index .section-2 .section-tab .hd-wrap{ padding: 25px 30px; }
.page-index .section-2 .section-tab .hd-wrap .title{ overflow: hidden; margin-bottom: 10px;}
.page-index .section-2 .section-tab .hd-wrap .title h3{ font-size: 24px; float: left; }
.page-index .section-2 .section-tab .hd-wrap .title span{ float: left; height: 26px; line-height: 26px; background: rgba(0,0,0,.1); border-radius: 13px; padding: 0 15px; margin-left: 15px; font-size: 14px; color: #999; margin-top: 4px;}
.page-index .section-2 .section-tab .hd-wrap p{ font-size: 14px; color: #95989d; }
.page-index .section-2 .section-tab .item-bd{ width: 494px; height: 504px; overflow: hidden; transition: all .2s; box-shadow: 0 0 40px rgba(33,40,60,.1); border-radius: 5px;}
.page-index .section-2 .section-tab .bd-wrap{ width: 430px; margin: 0 auto; transition: all .2s;}
.page-index .section-2 .tab-1-slide .hd{ height: 58px; border-bottom: 1px solid #ECECEC; margin-bottom: 30px;}
.page-index .section-2 .tab-1-slide .hd li{ float: left; cursor: pointer; width: 25%; height: 56px; line-height: 56px; text-align: center; font-size: 14px; border-bottom: 2px solid #fff; }
.page-index .section-2 .tab-1-slide .hd li i{ width: 27px; height: 20px; transition: background .2s; vertical-align: -4px; margin-right: 5px; display: inline-block; background: url(../images/02-teb-icon.png) no-repeat;}
.page-index .section-2 .tab-1-slide .hd li.item-1 i{ background-position: 0 0; }
.page-index .section-2 .tab-1-slide .hd li.item-2 i{ background-position: -41px 0; }
.page-index .section-2 .tab-1-slide .hd li.item-3 i{ background-position: -83px 0; }
.page-index .section-2 .tab-1-slide .hd li.item-4 i{ background-position: -123px 0; }
.page-index .section-2 .tab-1-slide .hd li.on{ color: #ed353c; border-bottom: 3px solid #FE4A2E;}
.page-index .section-2 .tab-1-slide .hd li.on i{ background-position-y: bottom;  }
.page-index .section-2 .tab-1-slide dl dd{ border: 1px solid #ECECEC; position: relative; transition: all .2s;}
.page-index .section-2 .tab-1-slide .img{ transition: all .2s; }
.page-index .section-2 .tab-1-slide .text{ transition: all .2s; }
.page-index .section-2 .tab-1-slide h4{ font-size: 16px; color: #333; margin-bottom: 10px;font-weight:bold;}
.page-index .section-2 .tab-1-slide p{ font-size: 14px; color: #888; }
.page-index .section-2 .tab-1-slide .l-btn{ width: 82px; height: 28px; display: inline-block; font-size: 14px; text-align: center; line-height: 28px; border: 1px solid #FD472C; color: #FD472C; transition: all .2s; }
.page-index .section-2 .tab-1-slide .l-btn:hover{ background: #FD472C; color: #fff; }
.page-index .section-2 .tab-1-slide .dl-2 dd{ height: 172px; margin-bottom: 30px;}
.page-index .section-2 .tab-1-slide .dl-2 .img{ float: left; width: 168px; height: 172px; background-position: center center; background-size: 80%; background-repeat: no-repeat;}
.page-index .section-2 .tab-1-slide .dl-2 .text{ margin-left: 168px; padding-top: 57px; }
.page-index .section-2 .tab-1-slide .dl-2 p{ margin-bottom: 23px; }
.page-index .section-2 .tab-1-slide .dl-2 .l-btn{ display: none; }
.page-index .section-2 .tab-1-slide .dl-4 dd{ height: 86px; margin-bottom: 12px;}
.page-index .section-2 .tab-1-slide .dl-4 .img{ float: left; width: 90px; height: 86px; background-position: center bottom; background-size: 80%; background-repeat: no-repeat;}
.page-index .section-2 .tab-1-slide .dl-4 .text{ margin-left: 90px; padding-top: 16px; }
.page-index .section-2 .tab-1-slide .dl-4 .l-btn{ position: absolute; right: 20px; top: 37px; display: none;}
.page-index .section-2 .tab-1-slide .item-1 dl dd:nth-child(1) .img{ background-image: url(../images/yunyingshang.svg);background-size: 50%; }
.page-index .section-2 .tab-1-slide .item-1 dl dd:nth-child(2) .img{ background-image: url(../images/daili.svg); background-size: 50%;}
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(1) .img{ background-image: url(../images/02-teb-img3.png); }
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(2) .img{ background-image: url(../images/02-teb-img4.png); }
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(3) .img{ background-image: url(../images/02-teb-img5.png); }
.page-index .section-2 .tab-1-slide .item-2 dl dd:nth-child(4) .img{ background-image: url(../images/02-teb-img6.png); }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(1) .img{ background-image: url(../images/icon03.png); background-position: center center; background-size: 67%; }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(2) .img{ background-image: url(../images/icon05.png); background-position: center center; background-size: 67%; }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(3) .img{ background-image: url(../images/icon07.png); background-position: center center; background-size: 67%; }
.page-index .section-2 .tab-1-slide .item-4 dl dd:nth-child(4) .img{ background-image: url(../images/online-shop.png); background-position: center center; background-size: 67%; }
.page-index .section-2 .section-tab .tab-item.on{ width: 600px; margin-top: 0;}
.page-index .section-2 .section-tab .tab-item.on .item-hd{ width: 550px; height: 160px; background: url(../images/line-bg.jpg) repeat-y left top; background-size: 100%; color: #fff; margin-left: 25px; color: #fff;}
.page-index .section-2 .section-tab .tab-item.on .hd-wrap .title h3{ font-size: 30px; }
.page-index .section-2 .section-tab .tab-item.on .hd-wrap .title span{ color: #fff; margin-top: 9px;}
.page-index .section-2 .section-tab .tab-item.on .hd-wrap p{ color: #fff; }
.page-index .section-2 .section-tab .tab-item.on .item-bd{ width: 600px; height: 560px; }
.page-index .section-2 .section-tab .tab-item.on .bd-wrap{ width: 530px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 dd{ height: 203px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .img{ height: 203px; width: 240px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .text{ margin-left: 240px; padding-top: 46px;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-2 .l-btn{ display: block; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 dd{ height: 100px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .img{ width: 110px; height: 100px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .text{ margin-left: 110px; padding-top: 24px;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-4 .l-btn{ display: block; }
.page-index .section-2 .dl-3{ width: 430px; margin: 0 auto; padding-top: 30px; transition: all .2s;}
.page-index .section-2 .dl-3 dd{ height: 135px; margin-bottom: 15px; border: 1px solid #ECECEC; position: relative; transition: all .2s;}
.page-index .section-2 .dl-3 .img{ float: left; transition: all .2s; margin-left: 7px; width: 129px; height: 100px; background-position: center bottom; background-size:50%; background-repeat: no-repeat;}
.page-index .section-2 .dl-3 .text{ margin-left: 134px; transition: all .2s; padding-top: 22px; }
.page-index .section-2 .dl-3 h4{ font-size: 16px; color: #333; margin-bottom: 6px; margin-top: 9px;font-weight: bold;}
.page-index .section-2 .dl-3 p{ font-size: 14px; color: #888; margin-bottom: 15px;}
.page-index .section-2 .dl-3 .l-btn{ display: none; width: 82px; height: 28px; font-size: 14px; text-align: center; line-height: 28px; border: 1px solid #FD472C; color: #FD472C; transition: all .2s;}
.page-index .section-2 .dl-3 .l-btn:hover{ background: #FD472C; color: #fff; }
.page-index .section-2 .dl-3 dd:nth-child(1) .img{ background-image: url(../images/icon_coin.svg); }
.page-index .section-2 .dl-3 dd:nth-child(2) .img{ background-image: url(../images/icon_shop.svg); }
.page-index .section-2 .dl-3 dd:nth-child(3) .img{ background-image: url(../images/icon_o2o.svg); }
.page-index .section-2 .section-tab .tab-item.on .dl-3{ width: 530px; }
.page-index .section-2 .section-tab .tab-item.on .dl-3 dd{ height: 154px; }
.page-index .section-2 .section-tab .tab-item.on .dl-3 h4{ margin-top: 0; }
.page-index .section-2 .section-tab .tab-item.on .dl-3 .img{  width: 180px; height:122px;background-size: 40%; margin-left: 0; }
.page-index .section-2 .section-tab .tab-item.on .dl-3 .text{ margin-left: 180px; padding-top: 32px; }
.page-index .section-2 .section-tab .tab-item.on .dl-3 .l-btn{ display: inline-block; }
.page-index .section-2 .section-tab .tab-1-slide .dl-3{ padding-top: 0; }
.page-index .section-2 .section-tab .tab-1-slide .dl-3 dd{ height: 117px; }
.page-index .section-2 .section-tab .tab-1-slide .dl-3 .img{ height: 117px; background-position: center;}
.page-index .section-2 .section-tab .tab-1-slide .item-3 .dl-3 dd:nth-child(1) .img{ background-image: url(../images/02-teb-img16.png); }
.page-index .section-2 .section-tab .tab-1-slide .item-3 .dl-3 dd:nth-child(2) .img{ background-image: url(../images/02-teb-img17.png); }
.page-index .section-2 .section-tab .tab-1-slide .item-3 .dl-3 dd:nth-child(3) .img{ background-image: url(../images/02-teb-img18.png); }
.page-index .section-2 .section-tab .tab-1-slide .dl-3 .text{ padding-top: 28px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 dd{ height: 135px; }
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 .img{ height: 135px; background-size: 57%;}
.page-index .section-2 .section-tab .tab-item.on .tab-1-slide .dl-3 .text{ padding-top: 20px; }

.page-index .section-2-1{ background: #f4f6f9; }
.page-index .section-2-1 .section-title{ margin-bottom: 30px; }
.page-index .section-2-1 .section-title a{ display: none; }
.page-index .section-2-1 .s-slide{ width: 1120px; margin: 0 auto; position: relative; padding-bottom: 40px;}
.page-index .section-2-1 .s-slide .bd{height: 398px; background: #fff; overflow: hidden;}
.page-index .section-2-1 .s-slide .bd-item{ height: 398px; }
.page-index .section-2-1 .s-slide .list{ padding: 23px 0 0 20px; }
.page-index .section-2-1 .s-slide .list li{ background: #fff; width: 500px; float: left; margin: 0 20px; padding-bottom: 20px; }
.page-index .section-2-1 .s-slide .list li .img{ height: 281px; overflow: hidden; position: relative; background: #000;}
.page-index .section-2-1 .s-slide .list li .img img{  transition: all .4s; opacity: 1; }
.page-index .section-2-1 .s-slide .list li .img .time{ font-size: 14px; line-height: 36px; padding: 0 10px 0 50px; color: #fff; background: rgba(0,0,0,.3) url(../images/new_icon.png) no-repeat 16px center; position: absolute; right: 0; bottom: 0; }
.page-index .section-2-1 .s-slide .list li .img .play{ cursor: pointer; display: none; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -30px; z-index: 2; background: url(../images/new_butten.png) no-repeat;}
.page-index .section-2-1 .s-slide .list li .img:hover img{ opacity: .6; transform: scale(1.05); }
.page-index .section-2-1 .s-slide .list li .img:hover .play{ display: block; }
.page-index .section-2-1 .s-slide .list li h3{ font-size: 20px; color: #333; margin: 9px 0 2px;}
.page-index .section-2-1 .s-slide .list li p{ color: #888888; font-size: 16px; }
.page-index .section-2-1 .s-slide .hd{ margin: 35px 0 0 0; text-align: center; }
.page-index .section-2-1 .s-slide .hd li{ width: 6px; height: 6px; border: 1px solid #E1E3E5; display: inline-block; margin: 0 3px; border-radius: 100%; cursor: pointer;}
.page-index .section-2-1 .s-slide .hd li.on{ background: #EF2219; border-color: #EF2219; }
.page-index .section-2-1 .s-slide .prev,
.page-index .section-2-1 .s-slide .next{ width: 34px; height: 34px; background: #fff; border: 1px solid #e5e5e5; border-radius: 100%; position: absolute; left: 50%; margin-left: -18px; top: 423px; }
.page-index .section-2-1 .s-slide .prev{ margin-left: -80px; }
.page-index .section-2-1 .s-slide .next{ margin-left: 40px; }
.page-index .section-2-1 .s-slide .prev:before,
.page-index .section-2-1 .s-slide .next:before{ content: ""; position: absolute; width: 8px; height: 8px; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
.page-index .section-2-1 .s-slide .prev:before{ -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 15px; top: 13px;}
.page-index .section-2-1 .s-slide .next:before{ -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 11px; top: 13px;}
.page-index .section-2-1 .s-slide .prev:hover,
.page-index .section-2-1 .s-slide .next:hover{ background: #EF2219; border-color: #EF2219; }
.page-index .section-2-1 .s-slide .prev:hover:before,
.page-index .section-2-1 .s-slide .next:hover:before{ border-left-color: #fff; border-top-color: #fff; }

.page-index .section-3{ background: #16192A url(../images/03-bg_dd549acd6859479097d72be36874332b.jpg) no-repeat center; padding-bottom: 96px;}
.page-index .section-3 .img{ height: 597px; background: url(../images/03-img.png) no-repeat center top; }

.page-index .section-4 .list{ margin: 0 -60px 0 96px; }
.page-index .section-4 .list li{ float: left; width: 224px; margin-bottom: 30px; margin-right: 163px;}
.page-index .section-4 .list li .img{ width: 171px; height: 171px; position: relative; margin-bottom: 10px;}
.page-index .section-4 .list li .img i{ position: absolute; }
.page-index .section-4 .list li h3{ font-size: 18px; margin-bottom: 10px; }
.page-index .section-4 .list li p{ font-size: 14px; color: #95989d; }
.page-index .section-4 .list li.item-1 .s1{top: 30px; left: 7px; z-index: 3; animation: i1s1 1s ease-in-out infinite alternate; width: 61px; height: 79px; background: url(../images/04-icon-1-1.png) no-repeat; }
.page-index .section-4 .list li.item-1 .s2{top: 95px; width: 72px; animation: i1s2 1s ease-in-out infinite alternate; height: 53px; background: url(../images/04-icon-1-2.png) no-repeat; }
.page-index .section-4 .list li.item-1 .s3{left: 14px; top: 108px; animation: i1s3 1s ease-in-out infinite alternate; width: 46px; height: 48px; background: url(../images/04-icon-1-3.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s1{ top: 68px; left: 0; animation: i2s1 1s linear infinite alternate; width: 140px; height: 75px; background: url(../images/04-icon-2-1.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s2{ top: 50px; left: 31px; animation: i2s2 8s linear infinite; width: 48px; height: 48px; background: url(../images/04-icon-2-2.png) no-repeat; }
.page-index .section-4 .list li.item-2 .s3{ top: 79px; left: 70px; animation: i2s3 8s linear infinite; width: 37px; height: 38px; background: url(../images/04-icon-2-3.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s1{ left: 0; top: 43px; animation: i3s1 2s ease-in-out infinite alternate; width: 116px; height: 121px; background: url(../images/04-icon-3-1.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s2{ left: 96px; top: 105px; animation: i3s2 2s ease-in-out infinite alternate; z-index: 3; width: 28px; height: 28px; background: url(../images/04-icon-3-2.png) no-repeat; }
.page-index .section-4 .list li.item-3 .s3{ left: 70px; top: 42px; animation: i3s3 2s ease-in-out infinite alternate; width: 46px; height: 47px; background: url(../images/04-icon-3-3.png) no-repeat; }
.page-index .section-4 .list li.item-4 .s1{ left: 0; top: 38px; width: 111px; animation: i4s1 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite; height: 111px; background: url(../images/04-icon-4-1.png) no-repeat; }
.page-index .section-4 .list li.item-4 .s2{ left: 35px; top: 68px; width: 43px; animation: i4s2 7s cubic-bezier(0.74, 0.01, 0.32, 0.99) infinite; height: 55px; background: url(../images/04-icon-4-2.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s1{ top: 90px; width: 154px; height: 60px; background: url(../images/04-icon-5-1.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s2{ top: 50px; left: 38px; animation: i5s2 5s ease-in-out infinite; z-index: 4; width: 81px; height: 76px; background: url(../images/04-icon-5-2.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s3{ left: 5px; top: 50px; animation: i5s3 2s ease-in-out infinite alternate; width: 21px; height: 50px; background: url(../images/04-icon-5-3.png) no-repeat; }
.page-index .section-4 .list li.item-5 .s4{ left: 100px; top: 30px; animation: i5s4 5s ease-in-out infinite; width: 38px; height: 83px; background: url(../images/04-icon-5-4.png) no-repeat; }
.page-index .section-4 .list li.item-6 .s1{ top: 40px; width: 140px; animation: i6s1 2s ease-in-out infinite alternate; height: 106px; background: url(../images/04-icon-6-1.png) no-repeat; }
.page-index .section-4 .list li.item-6 .s2{ top: 106px; left: 30px; width: 111px; height: 29px; background: url(../images/04-icon-6-2.png) no-repeat; }
@keyframes i1s1{
	0% { transform: translate(0,-10px); }
	100% { transform: translate(0,0); }
}
@keyframes i1s2{
	0% { transform: translate(0,-10px) scaleY(1.4); transform-origin: center top; }
	100% { transform: translate(0,0) scaleY(1.2); transform-origin: center top; }
}
@keyframes i1s3{
	0% { transform: translate(0,-10px); }
	20% {opacity: 1; }
	40% {opacity: 0.7; }
	60% {opacity: 1; }
	80% {opacity: 0.7; }
	100% {opacity: 1; transform: translate(0,0); }
}
@keyframes i2s1{
	0% { opacity: 1; }
	100% { opacity: .3; }
}
@keyframes i2s2{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
@keyframes i2s3{
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
}
@keyframes i3s1{
	0% { transform: translate(0,0);}
	100% { transform: translate(-2px,2px);}
}
@keyframes i3s2{
	0% { transform: translate(0,0);}
	100% { transform: translate(5px,5px);}
}
@keyframes i3s3{
	0% { transform: translate(0,0);}
	100% { transform: translate(5px,-5px);}
}
@keyframes i4s1{
	0% { transform: rotate(0deg);}
	50% { transform: rotate(1800deg);}
	100% { transform: rotate(1800deg);}
}
@keyframes i4s2{
	0% { opacity: .6; transform: scale(.8);}
	50% { opacity: 1; transform: scale(1);}
	100% { opacity: .6; transform: scale(.8);}
}
@keyframes i5s1{
	0% { transform: translate(0,0);}
	100% { transform: translate(0,7px);}
}
@keyframes i5s2{
	0% { transform: translate(0,-20px); opacity: 0;}
	25% { transform: translate(0,0); opacity: 1;}
	75% { transform: translate(0,0) scale(1); opacity: 1;}
	100% { transform: translate(0,0) scale(1.5); opacity: 0;}
}
@keyframes i5s3{
	0% { transform: translate(0,0);}
	100% { transform: translate(0,-7px);}
}
@keyframes i5s4{
	0% { transform: translate(0,-20px); opacity: 0;}
	25% { transform: translate(0,-20px); opacity: 0;}
	50% { transform: translate(0,0); opacity: 1;}
	100% { transform: translate(0,0); opacity: 0;}
}
@keyframes i6s1{
	0% { transform: translate(0,3px);}
	100% { transform: translate(0,-4px);}
}


.page-index .section-5{ background: #F6F8FB; padding-bottom: 70px;}
.page-index .section-5 .hd .list{ padding-left: 71px; height: 96px; position: relative;}
.page-index .section-5 .hd .list:before{ content: ""; position: absolute; z-index: -1; left: 322px; top: 45px; width: 560px; height: 11px; background: url(../images/05-0y.png) no-repeat;}
.page-index .section-5 .hd .list li{ float: left; width: 200px; height: 60px; position: relative; margin-right: 10px; line-height: 60px; background: #fff; cursor: pointer;}
.page-index .section-5 .hd .list li:after{ content: ""; box-shadow: 0 0 21px rgba(0,0,0,.05); left: 88px; top: 85px; background: #fff; position: absolute; width: 25px; height: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: none; }
.page-index .section-5 .hd .list li.on:after{ display: block; }
.page-index .section-5 .hd .list li:before{ content: ""; width: 40px; height: 20px; background: #fff; position: absolute; left: 81px; top: 96px; z-index: 2;}
.page-index .section-5 .hd .list li .img{ width: 36px; height: 40px; float: left; margin-left: 36px; margin-top: 9px; background: url(../images/05-0tab.png) no-repeat;}
.page-index .section-5 .hd .list li.item-1 .img{ background-position: -2px 0; }
.page-index .section-5 .hd .list li.item-2 .img{ background-position: -42px 0; }
.page-index .section-5 .hd .list li.item-3 .img{ background-position: -82px 0; }
.page-index .section-5 .hd .list li.item-4 .img{ background-position: -122px 0; }
.page-index .section-5 .hd .list li.item-5 .img{ background-position: -162px 0; }
.page-index .section-5 .hd .list li.on{ background: url(../images/line-bg.jpg) repeat-y left top; background-size: 100%; color: #fff; }
.page-index .section-5 .hd .list li.item-1.on .img{ background-position: -2px -40px; }
.page-index .section-5 .hd .list li.item-2.on .img{ background-position: -42px -40px; }
.page-index .section-5 .hd .list li.item-3.on .img{ background-position: -82px -40px; }
.page-index .section-5 .hd .list li.item-4.on .img{ background-position: -122px -40px; }
.page-index .section-5 .hd .list li.item-5.on .img{ background-position: -162px -40px; }
.page-index .section-5 .hd .list li p{ font-size: 16px; color: #95989d; margin-left: 80px;}
.page-index .section-5 .hd .list li.on p{ color: #fff; }
.page-index .section-5 .bd{ background: #fff; height: 441px; box-shadow: 0 0 21px rgba(0,0,0,.05);}
.page-index .section-5 .inner-slide{ width: 1200px; }
.page-index .section-5 .inner-slide .bd2{ float: left; margin-top: 60px; margin-left: 70px; box-shadow: 0 6px 53px rgba(0,0,0,0.1);}
.page-index .section-5 .inner-slide .bd2 li{ width: 526px; height: 319px; }
.page-index .section-5 .inner-slide-1 .bd2 .item-1{ background-image: url(../images/05-img1-1.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-2{ background-image: url(../images/05-img1-2.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-3{ background-image: url(../images/05-img1-3.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-4{ background-image: url(../images/05-img1-4.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-5{ background-image: url(../images/05-img1-5.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-6{ background-image: url(../images/05-img1-6.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-7{ background-image: url(../images/05-img1-7.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-8{ background-image: url(../images/05-img1-8.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-9{ background-image: url(../images/05-img1-9.png); }
.page-index .section-5 .inner-slide-1 .bd2 .item-10{ background-image: url(../images/05-img1-10.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-1{ background-image: url(../images/05-img2-1.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-2{ background-image: url(../images/05-img2-2.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-3{ background-image: url(../images/05-img2-3.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-4{ background-image: url(../images/05-img2-4.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-5{ background-image: url(../images/05-img2-5.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-6{ background-image: url(../images/05-img2-6.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-7{ background-image: url(../images/05-img2-7.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-8{ background-image: url(../images/05-img2-8.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-9{ background-image: url(../images/05-img2-9.png); }
.page-index .section-5 .inner-slide-2 .bd2 .item-10{ background-image: url(../images/05-img2-10.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-1{ background-image: url(../images/05-img3-1.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-2{ background-image: url(../images/05-img3-2.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-3{ background-image: url(../images/05-img3-3.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-4{ background-image: url(../images/05-img3-4.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-5{ background-image: url(../images/05-img3-5.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-6{ background-image: url(../images/05-img3-6.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-7{ background-image: url(../images/05-img3-7.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-8{ background-image: url(../images/05-img3-8.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-9{ background-image: url(../images/05-img3-9.png); }
.page-index .section-5 .inner-slide-3 .bd2 .item-10{ background-image: url(../images/05-img3-10.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-1{ background-image: url(../images/05-img4-1.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-2{ background-image: url(../images/05-img4-2.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-3{ background-image: url(../images/05-img4-3.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-4{ background-image: url(../images/05-img4-4.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-5{ background-image: url(../images/05-img4-5.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-6{ background-image: url(../images/05-img4-6.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-7{ background-image: url(../images/05-img4-7.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-8{ background-image: url(../images/05-img4-8.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-9{ background-image: url(../images/05-img4-9.png); }
.page-index .section-5 .inner-slide-4 .bd2 .item-10{ background-image: url(../images/05-img4-10.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-1{ background-image: url(../images/05-img5-1.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-2{ background-image: url(../images/05-img5-2.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-3{ background-image: url(../images/05-img5-3.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-4{ background-image: url(../images/05-img5-4.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-5{ background-image: url(../images/05-img5-5.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-6{ background-image: url(../images/05-img5-6.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-7{ background-image: url(../images/05-img5-7.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-8{ background-image: url(../images/05-img5-8.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-9{ background-image: url(../images/05-img5-9.png); }
.page-index .section-5 .inner-slide-5 .bd2 .item-10{ background-image: url(../images/05-img5-10.png); }
.page-index .section-5 .inner-slide .hd2{ float: left; width: 460px; margin: 70px 0 0 90px;}
.page-index .section-5 .inner-slide .hd2 li{ float: left; text-align: center; cursor: pointer; width: 190px; height: 50px; line-height: 50px; position: relative;  margin: 0 40px 15px 0; }
.page-index .section-5 .inner-slide .hd2 li:after{ content: ""; width: 20px; height: 20px; background: url(../images/05-icon-new.png) no-repeat center; position: absolute; z-index: 2; left: 13px;
    top: 16px; opacity: .2;opacity: 1; }
.page-index .section-5 .inner-slide .hd2 li:before{ content: ""; opacity: 0; transition: all .2s; position: absolute; left: 0; top: 0; box-shadow:0 7px 20px rgba(200, 200, 200, 0.3); width: 100%; height: 100%; z-index: 1; background: #fff;opacity: 1;}
.page-index .section-5 .inner-slide .hd2 li .img{ margin: 18px auto 10px; background-repeat: no-repeat; position: relative; z-index: 2; display: none;}
.page-index .section-5 .inner-slide .hd2 li p{ font-size: 14px; color: #95989d; position: relative; z-index: 2; text-align: left; margin-left: 44px;}
/* .page-index .section-5 .inner-slide .hd2 li.on:before{ opacity: 1; }
.page-index .section-5 .inner-slide .hd2 li.on:after{ opacity: 1; }
.page-index .section-5 .inner-slide .hd2 li.on p{  color: #ED3C3F; } */
.page-index .section-5 .inner-slide-1 .hd2 li .img{ width: 38.5px; height: 30px; background-image: url(../images/05-icon-1_2cfe871de65b4f5d9490f7bb1f480c22.png); }
.page-index .section-5 .inner-slide-1 .hd2 li.item-1 .img{ background-position: 6px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-2 .img{ background-position: -34px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-3 .img{ background-position: -73px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-4 .img{ background-position: -112px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-5 .img{ background-position: -152px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-6 .img{ background-position: -192px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-7 .img{ background-position: -232px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-8 .img{ background-position: -272px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-9 .img{ background-position: -312px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.item-10 .img{ background-position: -352px -30px; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-1 .img{ background-position: 6px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-2 .img{ background-position: -34px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-3 .img{ background-position: -73px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-4 .img{ background-position: -112px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-5 .img{ background-position: -152px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-6 .img{ background-position: -192px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-7 .img{ background-position: -232px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-8 .img{ background-position: -272px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-9 .img{ background-position: -312px 0; }
.page-index .section-5 .inner-slide-1 .hd2 li.on.item-10 .img{ background-position: -352px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li .img{ width: 38.5px; height: 30px; background-image: url(../images/05-icon-2_67724e04e1fe4b6390cdf02e7f67e183.png); }
.page-index .section-5 .inner-slide-2 .hd2 li.item-1 .img{ background-position: 6px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-2 .img{ background-position: -34px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-3 .img{ background-position: -73px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-4 .img{ background-position: -112px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-5 .img{ background-position: -152px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-6 .img{ background-position: -194px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-7 .img{ background-position: -234px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-8 .img{ background-position: -274px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-9 .img{ background-position: -314px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.item-10 .img{ background-position: -354px -30px; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-1 .img{ background-position: 6px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-2 .img{ background-position: -34px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-3 .img{ background-position: -73px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-4 .img{ background-position: -112px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-5 .img{ background-position: -152px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-6 .img{ background-position: -194px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-7 .img{ background-position: -234px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-8 .img{ background-position: -274px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-9 .img{ background-position: -314px 0; }
.page-index .section-5 .inner-slide-2 .hd2 li.on.item-10 .img{ background-position: -354px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li .img{ width: 38.5px; height: 30px; background-image: url(../images/05-icon-3_8ffad6d03fa1489baaa0b65f209eae7c.png); }
.page-index .section-5 .inner-slide-3 .hd2 li.item-1 .img{ background-position: 6px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-2 .img{ background-position: -34px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-3 .img{ background-position: -73px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-4 .img{ background-position: -112px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-5 .img{ background-position: -152px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-6 .img{ background-position: -194px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-7 .img{ background-position: -234px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-8 .img{ background-position: -274px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-9 .img{ background-position: -314px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.item-10 .img{ background-position: -354px -30px; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-1 .img{ background-position: 6px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-2 .img{ background-position: -34px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-3 .img{ background-position: -73px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-4 .img{ background-position: -112px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-5 .img{ background-position: -152px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-6 .img{ background-position: -194px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-7 .img{ background-position: -234px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-8 .img{ background-position: -274px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-9 .img{ background-position: -314px 0; }
.page-index .section-5 .inner-slide-3 .hd2 li.on.item-10 .img{ background-position: -354px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li .img{ width: 38.5px; height: 30px; background-image: url(../images/05-icon-4.png); }
.page-index .section-5 .inner-slide-4 .hd2 li.item-1 .img{ background-position: 6px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-2 .img{ background-position: -34px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-3 .img{ background-position: -73px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-4 .img{ background-position: -112px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-5 .img{ background-position: -152px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-6 .img{ background-position: -194px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-7 .img{ background-position: -234px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-8 .img{ background-position: -274px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-9 .img{ background-position: -314px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.item-10 .img{ background-position: -354px -30px; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-1 .img{ background-position: 6px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-2 .img{ background-position: -34px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-3 .img{ background-position: -73px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-4 .img{ background-position: -112px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-5 .img{ background-position: -152px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-6 .img{ background-position: -194px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-7 .img{ background-position: -234px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-8 .img{ background-position: -274px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-9 .img{ background-position: -314px 0; }
.page-index .section-5 .inner-slide-4 .hd2 li.on.item-10 .img{ background-position: -354px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li .img{ width: 38.5px; height: 30px; background-image: url(../images/05-icon-5.png); }
.page-index .section-5 .inner-slide-5 .hd2 li.item-1 .img{ background-position: 6px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-2 .img{ background-position: -34px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-3 .img{ background-position: -73px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-4 .img{ background-position: -112px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-5 .img{ background-position: -152px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-6 .img{ background-position: -194px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-7 .img{ background-position: -234px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-8 .img{ background-position: -274px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-9 .img{ background-position: -314px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.item-10 .img{ background-position: -354px -30px; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-1 .img{ background-position: 6px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-2 .img{ background-position: -34px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-3 .img{ background-position: -73px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-4 .img{ background-position: -112px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-5 .img{ background-position: -152px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-6 .img{ background-position: -194px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-7 .img{ background-position: -234px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-8 .img{ background-position: -274px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-9 .img{ background-position: -314px 0; }
.page-index .section-5 .inner-slide-5 .hd2 li.on.item-10 .img{ background-position: -354px 0; }

.page-index .section-6{ height: 595px; width: 100%; overflow: hidden; background: #1A1A28; position: relative; color: #fff; }
.page-index .section-6 .bd{ height: 100%; }
.page-index .section-6 .bd li{ height: 595px; text-align: center;}
.page-index .section-6 .bd li .h2{ font-size: 24px; font-weight: 700; padding-top: 124px;}
.page-index .section-6 .bd li .h2:after{ content: ""; width: 21px; height: 3px; display: block; background: #ED3C3F; margin: 30px auto; }
.page-index .section-6 .bd li .text{ font-size: 14px; line-height: 30px; width: 884px; margin: 0 auto 21px; }
.page-index .section-6 .bd .item-1{ background: url(../images/06-img1.jpg) no-repeat; }
.page-index .section-6 .bd .item-2{ background: url(../images/06-img2.jpg) no-repeat; }
.page-index .section-6 .bd .item-3{ background: url(../images/06-img3.jpg) no-repeat; }
.page-index .section-6 .bd .item-4{ background: url(../images/06-img4.jpg) no-repeat; }
.page-index .section-6 .bd .item-5{ background: url(../images/06-img5.jpg) no-repeat; }
.page-index .section-6 .bd .item-6{ background: url(../images/06-img6.jpg) no-repeat; }
.page-index .section-6 .bd .item-7{ background: url(../images/06-img7.jpg) no-repeat; }
.page-index .section-6 .hd{ position: absolute; height: 161px; width: 976px; left: 50%; margin-left: -477px; bottom: 0; }
.page-index .section-6 .hd li{ float: left; height: 161px; width: 244px; cursor: pointer; text-align: center; }
.page-index .section-6 .hd li.on{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ed3c3f+100&0+1,0.75+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,253,253,0) 1%, rgba(237,60,63,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,253,253,0) 1%,rgba(237,60,63,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,253,253,0) 1%,rgba(237,60,63,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bfed3c3f',GradientType=0 ); /* IE6-9 */ }
.page-index .section-6 .hd li .img{ background: url(../images/06-icon_ea32be9db72d41ddbd3e04c28d9b9994.png) no-repeat; margin: 42px auto 13px; width: 35px; height: 30px;}
.page-index .section-6 .hd li p{ font-size: 16px; }
.page-index .section-6 .hd li.item-1 .img{ background-position: 0 0; }
.page-index .section-6 .hd li.item-2 .img{ background-position: -39px 0; }
.page-index .section-6 .hd li.item-3 .img{ background-position: -77px 0; }
.page-index .section-6 .hd li.item-4 .img{ background-position: -117px 0; }
.page-index .section-6 .hd li.item-5 .img{ background-position: -158px 0; }
.page-index .section-6 .hd li.item-6 .img{ background-position: -197px 0; }
.page-index .section-6 .hd li.item-7 .img{ background-position: -237px 0; }

.page-index .section-7 .container{ position: relative; }
.page-index .section-7 .img{ position: absolute; width: 575px; height: 422px; top: 176px; left: 50%; margin-left: -262px;}
.page-index .section-7 .img .img-1{ position: absolute; left: 10px; top: 10px; width: 555px; height: 402px; background: url(../images/07-img-1.png) no-repeat center;}
.page-index .section-7 .img .img-2{ position: absolute; left: -13px; top: 74px; width: 150px; height: 135px; background: url(../images/07-img-2.png) no-repeat center; animation: s7i2 1.5s ease-in-out infinite alternate;}
.page-index .section-7 .img .img-3{ position: absolute; left: 450px; top: 130px; width: 109px; height: 104px; background: url(../images/07-img-3.png) no-repeat center; animation: s7i3 1.5s ease-in-out .7s infinite alternate;}
.page-index .section-7 .list{  height: 402px; position: relative; z-index: 2; padding-top: 36px;}
.page-index .section-7 .list li{ float: left; width: 286px; margin-bottom: 114px;}
.page-index .section-7 .list li.item-1,
.page-index .section-7 .list li.item-3{ margin-right: 520px; margin-left: 60px; width: 326px;}
.page-index .section-7 .list .title{ font-size: 20px; color: #ed353c; font-weight: 700; position: relative; margin-bottom: 19px;}
.page-index .section-7 .list .title i{display: inline-block; width: 40px; height: 30px; vertical-align: -7px; margin-right: 5px; background: url(../images/07-icon.png) no-repeat;}
.page-index .section-7 .list .item-1 .title i{ background-position: 4px 0; }
.page-index .section-7 .list .item-2 .title i{ background-position: -35px 0; }
.page-index .section-7 .list .item-3 .title i{ background-position: -75px 0; }
.page-index .section-7 .list .item-4 .title i{ background-position: -114px 0; }
.page-index .section-7 .list .text{ font-size: 16px; color: #95989d; }
.page-index .section-7 .list .text p{ margin-left: 40px; margin-bottom: 7px;}
.page-index .section-7 .list .text p:before{ content: ""; width: 3px; height: 3px; border-radius: 100%; background: #95989d; display: inline-block; vertical-align: middle; margin-right: 10px; }
.page-index .section-7 .list .item-3 .text{ padding-left: 19px; }
.page-index .section-7 .list .item-3 .text p{ float: left; margin-left: 21px; }
@keyframes s7i2{
	0% { transform: translate(0,3px);}
	100% { transform: translate(0,-4px);}
}
@keyframes s7i3{
	0% { transform: translate(0,0);}
	100% { transform: translate(0,-7px);}
}

.page-index .section-8{ background: #F6F8FB; padding-bottom: 50px;}
.page-index .section-8 .section-title a{ display: none; }
.page-index .section-8 .list{ margin-right: -19px; margin-top: -30px;}
.page-index .section-8 .list li{ float: left; width: 228px; height: 79px; cursor: pointer; background: #fff; background-repeat: no-repeat; background-position: center; border: 1px solid #EDEDED; margin: 0 12px 9px 0; }
.page-index .section-8 .list li.item-1{ background-image: url(../images/aliyun.png); }
.page-index .section-8 .list li.item-2{ background-image: url(../images/alipay.png); }
.page-index .section-8 .list li.item-3{ background-image: url(../images/weixin.png); }
.page-index .section-8 .list li.item-4{ background-image: url(../images/alimama.png); }
.page-index .section-8 .list li.item-5{ background-image: url(../images/jdunion.png); }
.page-index .section-8 .list li.item-6{ background-image: url(../images/duoduojinbao.png); }
.page-index .section-8 .list li.item-7{ background-image: url(../images/alibaichuan.png); }
.page-index .section-8 .list li.item-8{ background-image: url(../images/talkingdata.png); }
.page-index .section-8 .list li.item-9{ background-image: url(../images/jiguang.png); }
.page-index .section-8 .list li.item-10{ background-image: url(../images/meiqia.png); }
.page-index .section-8 .list li:hover{ box-shadow: 0px 1px 30px rgba(0,0,0,.1) }

.page-index .section-9{ background: url(../images/09-bg.jpg) no-repeat center; height: 240px;}
.page-index .section-9 .s-left{ float: left; width: 590px; padding-top: 70px; }
.page-index .section-9 .s-left .item{ float: left; width: 33.33%; text-align: center; }
.page-index .section-9 .s-left .number {font-size:36px;color:#ed353c}
.page-index .section-9 .s-left .number div{display:inline-block;height: 60px;overflow: hidden; vertical-align: bottom; line-height: 60px;}
.page-index .section-9 .s-left .number .num{ padding-right: 15px; }
.page-index .section-9 .s-left .tag {margin-left:-6px; font-size: 20px; vertical-align: -12px;}
.page-index .section-9 .s-left .text {font-size:18px;color:#999;}
.page-index .section-9 .s-left .index-num {width: 28px; height: 36px; transition: all 2.5s; margin-top: 10px; margin-right: -15px; opacity: 1; display: inline-block; background: url("../images/09-number.png") no-repeat; filter: alpha(opacity=100);}
.page-index .section-9 .s-left .index-num.active {background-position: 2px -660px; opacity: 0; filter: alpha(opacity=0);}
.page-index .section-9 .s-left .index-num-0 {background-position: 2px 1px }
.page-index .section-9 .s-left .index-num-1 {background-position: 2px -41px }
.page-index .section-9 .s-left .index-num-2 {background-position: 2px -83px }
.page-index .section-9 .s-left .index-num-3 {background-position: 3px -125px }
.page-index .section-9 .s-left .index-num-4 {background-position: 2px -167px }
.page-index .section-9 .s-left .index-num-5 {background-position: 2px -210px }
.page-index .section-9 .s-left .index-num-6 {background-position: 2px -253px }
.page-index .section-9 .s-left .index-num-7 {background-position: 2px -295px }
.page-index .section-9 .s-left .index-num-8 {background-position: 2px -337px }
.page-index .section-9 .s-left .index-num-9 {background-position: 2px -380px }
.page-index .section-9 .s-right{ float: left; width: 610px; text-align: center; padding-top: 57px; }
.page-index .section-9 .s-right .h2{ font-size: 30px; margin-bottom: 25px;}
.page-index .section-9 .s-right .i-down{ width: 18px; height: 16px; background: url(../images/09-icon.png) no-repeat; display: inline-block; vertical-align: middle; margin-right: 5px; }
.page-index .section-9 .s-right .btn-wrap a{ margin: 0 10px; }
